/**
 * 费用统计
 * @author truexin
 * @date   2016/11/08
 */
@import "../mixins";

$green: #2cc57b;
$blue: #069;
$red: #f00;
$grey: #7e7e7e;
$black: #3b3b3b;

.fee-census {
    .redNum {
        color: #000 !important;
        font-size: .2rem !important;
    }
    .select-month {
        background: $green;
        height: .6rem;
        padding-top: .1rem;
        span {
            color: #fff;
        }
        .arrowleft,.arrowright{
            font-size: .25rem;
        }
    }
    .title-name {
        font-size: .23rem;
    }
    .panel {
        height: 1.5rem;
        background: #fff;
        padding-top: .2rem;
        p {
            padding: .2rem 0;
            margin: 0;
            text-align: center;
            font-size: .2rem;
        }
        .counts {
            padding: 0;
            color: $blue;
            font-size: .28rem;
        }
    }

}

.blue {
    color: $blue;
}
.range {
    color: $grey;
    font-size: .16rem;
}
.fee-home {
    .project-list {
        margin-top: .1rem;
        background: #fff;
        //border-bottom: 1px solid #c8c7cc;
        //border-top: 1px solid #c8c7cc;
    }
    .long {
        -ms-flex: 2; /* IE 10 */
        -moz-box-flex: 2; /* OLD - Firefox 19- */
        -webkit-box-flex: 2; /* OLD - iOS 6-, Safari 3.1-6 */
        -webkit-flex: 2;
        flex: 2;
        text-align: right;
    }

    .mui-table-view-cell {
        height: .8rem;
        .name {
            text-align: left;
        }
        p {
            line-height: .25rem;
            font-size: .15rem;
        }
    }
    .car-top {
        background: #fff;
        height: 100%;
        &::after {
            height: 0;
        }
        p {
            text-align: center;
            font-size: .2rem;
            padding: .1rem 0;
        }
        .blue {
            padding: 0 0 .1rem 0;
            font-size: .3rem;
        }
    }
    .car-link {
        background: #fafafa;
        position: relative;
        padding-left: .1rem;
        &::after{
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height: 1px;
            content: '';
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            background-color: #c8c7cc;
        }
        span{
            font-size: .16rem;
        }
        p {
            line-height: .4rem;
            margin: 0;
            padding: 0;
            font-size: .15rem;
        }
    }
}

.fee-home-detail {

    span{
        font-size: .18rem;
    }
    .range{
        display: inline-block;
        width: 1rem;
        text-align: right;
        &.first{
            text-align: left;
        }
    }
    .mui-table-view-cell{
       margin: 0;
        &::after{
            height: 0;
        }
    }
    h3 {
        padding: .2rem .15rem .1rem .15rem;
    }
    .detail-panel {
        margin-top: .1rem;
        background: #fff;
        padding-left: .1rem;
        padding-bottom: .15rem;

    }
}